<template>
	<div>
		<svg :style="{ width: width, height: height }">
			<use :xlink:href="'#icon-' + name" :fill="color"></use>
		</svg>
	</div>
</template>
<script lang="ts" setup name="svg-icon">
	defineProps({
		name: {
			type: String,
			required: true,
		},
		color: {
			type: String,
			default: 'black',
		},
		width: {
			type: String,
			default: '100px',
		},
		height: {
			type: String,
			default: '100px',
		},
	});
</script>
<style scoped></style>
